/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-weight:normal; font-style:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* End Reset */

.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}

/* Common */
.hidden { display:none; }
.clearfix:after, .phead:after, .pbody:after { content:"\0020"; display:block; clear:both; height:0; }
.clearfix { zoom:1; }
a {color:#575757; text-decoration:none; }
a:hover {color:#f00; text-decoration:none; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.f10 { font-size:10px; color:#fd2828; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f22 { font-size:22px; }
.f24 { font-size:24px; }
.f26 { font-size:26px; }
.f32 { font-size:32px; }
.fb { font-weight:bold; }
.clear { clear:both; }
.hidden { display:none; }
.black { color:#000; }
.red1 { color: #f00; }
.red2 { font-size:16px; color:#d10016; font-weight:bold; }
.red { font-size: 14px; font-weight: bold; color: #f00; }
.yellow { color:#FF9900; font-weight:bold; }
.font4 { font-weight: bold; color: #f00; }
.font5 { font-weight: bold; color: #000; }
.font6 { color:#ff0; font-weight:bold; }
.pt20 { padding-top: 20px; }
li { list-style:none; }
.bk{ border:5px #dbdbdb solid; padding:1px;}

body {width:100%; min-width:1200px; margin: 0 auto; font-size: 12px; color:#575757; font-family: "寰蒋闆呴粦"; background:url(../images/cp_bg.jpg);}

.index_header_bg,.index_nav_bg,.header_bg,.nav_bg,.banner_bg,.cont_bg,.index_bg,.footer_bg,.index_footer_bg{width:100%; float: left; display:inline;}
.index_header,.index_foot,.header,.nav,.cont,.foot{ width:1200px; margin: 0 auto;}

.index_header_bg{height:95px; background:url(../images/header_bg.jpg);}
.cn_logo{ float:left;}
.cn_logo a, .en_logo a{display: flex;align-items: center;}
.en_logo{float:left;}

.index_hright{width:300px; float:right; padding-top:10px;}
.cn_en{width:150px; float:right; text-align:right; padding-bottom:5px;}
.cn_en img{ padding-right:20px;}
.tel{width:187px; float:right; padding-right:10px;}

.index_bg{ padding:23px 0 24px;}
.index_cn{width:500px; float:left; text-align:right;}
.index_en{width:500px; float:right; text-align:left;}
.index_footer_bg{ background:url(../images/foot_bg.jpg) top center no-repeat; height:102px; padding-top:8px;}
.index_foot p{ text-align:center; line-height:19px; color:#fff;}
.index_foot img{ float:right;}


.nav_bg{ background:url(../images/nav_bg.jpg); height:41px;}


/*涓诲鑸彍鍗�*/
#nav-menu{height:41px; width:1200px; margin:0 auto;}
#nav-menu .container{position:relative; overflow:visible; z-index:99999;}
#nav-menu .menu{}
#nav-menu .menu li{position:relative; width:148px; float:left; line-height:41px; font-size:14px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;}
#nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left; background:url(../images/line.jpg) top right no-repeat;}
#nav-menu .menu li a.xialaguang{display:inline-block; color:#FFF; height:41px; text-decoration:none; font-size:14px; width:148px; text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#fff;}
#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{background:#003792; color:#fff;}
#nav-menu .menu li a.xialaguang span{height:41px;line-height:41px;display:inline-block;font-weight:bold;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:100%;}
#nav-menu .menu ul.children{display:none; position:absolute; z-index:999; top:40px; left:0px; width:144px; background-color:#FFF; border:2px solid #1a529c; border-top:0;line-height:normal;}
#nav-menu .menu ul.children li{width:100%;padding:0px;display:inline-block; border-top:1px solid #ccc; line-height:30px;}
#nav-menu .menu ul.children li h3{display:block; width:100%; background:none;}
#nav-menu .menu ul.children li a{width:100%;height:30px;line-height:30px;overflow:hidden;padding:3px 0;display:block;color:#1a529c;text-align:center;
text-decoration:none; font-size:12px;}
#nav-menu .menu ul.children li a:hover{background-color:#eee;text-decoration:none;}


.banner_bg{height:538px; position:relative; z-index:1;}
/* banner */
.banner {height:538px; overflow:hidden; }
.banner .d1{width:100%; height:538px; display:block; }
.d2{width:100%; height:30px; clear:both; position:absolute; z-index:10; left:0px; top:510px;}
.d2 ul{float:left; position:absolute; left:50%; top:0; display:inline; margin:0 0 0 -36px; }
.d2 li{width:17px; height:15px; overflow:hidden; cursor:pointer; background:url(../images/img1.png) no-repeat center; float:left; margin:0 3px; display:inline; }
.d2 li.nuw{background:url(../images/img1_1.png) no-repeat center; }

.cont_bg{padding:20px 0;}

.inabout{width:795px; float:left; background:#fff; height:410px;}
.inabout_top{width:100%; float:left; height:47px; line-height:47px; background:#ccc; text-transform:uppercase; font-size:18px;/* font-weight:bold;*/ text-shadow:1px 0 0px #e4e4e4; color:#000;}
.inabout_top span{ padding-left:20px;}
.inabout_info{width:100%; float:left; padding:10px 0 20px;}
.inabout_info p{ line-height:25px; padding:8px 20px 8px; font-size:13px;}
.inabout_info img{ float:left; padding:15px 20px 0px;}
.more{width:94px; float:left; text-align:center; height:26px; line-height:26px; background:#398902; color:#fff; text-transform:capitalize; margin:10px 0 10px 20px;}
.more a{ color:#fff; display:block;}
.more a:hover{ color:#fff; background:#1579e9;}

.inshe{width:384px; float:right; background:#fff; height:410px;}
.inshe_top{width:100%; float:left; height:47px; line-height:47px; background:#ccc; text-transform:uppercase; font-size:18px;/* font-weight:bold;*/ text-shadow:1px 0 0px #e4e4e4; color:#000;}
.inshe_top span{ padding-left:20px;}
.inshe_info{width:100%; float:left; padding:10px 0 0px;}
.inshe_info .w100{width:100%; float:left; padding-bottom:28px;}
.inshe_info img{ padding:0 15px 0px; float:left;}
.inshe_info p{ line-height:16px; padding:0px 15px 8px;}
.inshe_info .more{width:94px; float:left; text-align:center; height:26px; line-height:26px; background:#398902; color:#fff; text-transform:capitalize; margin:0px 0 10px 0px;}
.inshe_info .more a{ color:#fff; display:block;}
.inshe_info .more a:hover{ color:#fff; background:#1579e9;}

.inproduct{width:100%; float:left; padding:20px 0 0;}
.inpriduct_list{width:385px; height:280px; float:left;}
.mr20{ margin-right:20px;}
.mr23{ margin-right:25px;}

.innew{width:395px; float:left;}
.innew_top{width:300px; float:left; padding:0 0 0 50px;}
.innew_info{width:100%; float:left;}

.innew_info ul{width:80%; float:left; padding-left:10%;}
.innew_info li{width:100%; float:left;}
.innew_info li a{color:#7d7d7d; line-height:26px;}
.innew_info li a:hover{color:#22599a;}
.innew_info li a img{ padding-right:6px;}
.innew_info li em{ font-size:10px; padding-right:5px; color:#848484;}
.innew_info li span{ float:right; font-size:10px; color:#565656;}


/*鍥剧墖婊氬姩*/
#gdt {clear:both; width:100%; float:left; padding:10px 0px;}
.scroll_div{width:100%; margin:0 auto; overflow: hidden; white-space:nowrap; }
.scroll_div img {width:240px; height:180px; margin:auto 6px;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li { display:inline; }

/*搴曢儴鏂囧瓧*/
.footer_bg{ background:url(../images/foot_bg.jpg) top center no-repeat; height:102px; padding-top:8px;}
.footer_bg p{ text-align:center; line-height:19px; color:#fff;}
.footer_bg img{ float:right;}
.footer_bg a{color:#fff;}
.footer_bg a:hover{color:#ff0;}

/* 搴曢儴瀵艰埅 */
.BotNav	{background:#2b2c31; width:100%; height:250px; overflow:hidden; margin:0 auto;}
.footer_main{ padding:15px 0; width:1200px; margin:0 auto;}
.foot_l_menu{width:880px; float:left;}
.footer dl	{ float: left; padding: 0px 11px 0 11px; width: 120px;}
.footer dl dt{height:35px; line-height:20px; font-size:15px; /*background:url(../images/footer_nav_bg.png) no-repeat left bottom;*/color: #fff;}
.footer dl dt a {font-weight: normal; font-size:15px; color:#fff; }
.footer dl dd{ padding-bottom:6px;}
.footer dl dd a	{ color: #fff; line-height:23px;}
.footer dl dt a:hover{text-decoration:none;}
.footer dl dd a:hover{ color: #fff; text-decoration:underline; }
.btm_contact_us{float:right; /*background:url(../images/btm_line.png) repeat-y;*/ width:250px; padding-left:20px; margin-bottom:30px; height:180px;}
.btm_contact_us h5{font-size:14px; color:#fff; display:block; line-height:20px; padding-bottom:10px;}
.btm_contact_us p{font-size:12px; color:#fff; display:block; line-height:20px; padding:4px 0;}
.btm_contact_us p a{color:#fff;}
.btm_contact_us p font{font-family:verdana;}
.btm_contact_us p font a{ color:#fff; text-decoration:none;}



/* 鐗堟潈 */
.footer_bottom{width:100%; background:#343740; height:20px; padding:20px 0;}
.copyright	{color: #fff; height:30px; width:1200px; margin:0 auto; line-height:30px; }
.copyright a{color: #fff;}

.left{width:293px; float:left;}
.left_top{width:100%; float:left; height:47px; line-height:47px; background:#ccc; text-transform:uppercase; font-size:18px;/* font-weight:bold;*/ text-shadow:1px 0 0px #e4e4e4; color:#000;}
.left_top span{ padding-left:20px;}
.left_info{width:100%; float:left; padding-bottom:30px; background:#fff;}
.left_info ul li{width:100%; float:left;}
.left_info li.left1{width:100%; float:left; display:inline;}
.left_info li.left2{width:263px; float:left; padding-left:30px; line-height:40px; text-transform:capitalize; font-size:13px; border-bottom:1px #ccc dotted;}
.left_info li.left2 img{ padding-right:5px;}

.incontact_top{width:100%; float:left; height:138px; margin-top:15px;}
.incontact_info{width:100%; float:left; background:#fff; padding:10px 0 25px;}
.incontact_info p{ line-height:23px; padding:0 20px;}


.main{width:893px; float:right;}
.about_top{width:100%; float:left; height:47px; line-height:47px; background:#ccc; text-transform:uppercase; font-size:18px;/* font-weight:bold;*/ text-shadow:1px 0 0px #e4e4e4; color:#000;}
.about_top span{width:300px; float:left; padding-left:20px;}
.about_top em{width:450px; font-size:12px; float:right; text-align:right; text-transform:capitalize; padding-right:15px;}
.about_info{width:100%; float:left; padding-top:10px; font-size:14px; background:#fff; padding-bottom:20px;}
.about_info p{line-height:24px; padding:8px 20px;}
.about_info h2{text-align:center; font-size:18px; color:#333;}
/* play */
.play{width:850px;height:792px;overflow:hidden;position:relative;margin:20px auto 0;}
.play .text {width:100%;position:absolute;left:0;bottom:0;height:60px;}
.play .text div {position:absolute;left:0;top:0;width:100%;height:100%;background:black;filter:alpha(opacity:40);opacity:0.4;z-index:99;}
.play .text span {position:absolute;left:0;top:0;width:100%;height:100%;line-height:60px;color:white;z-index:999;text-align:center;font-size:20px;}
.play ol{position:absolute;left:72%;margin-left:-20px;bottom:10px;z-index:99999;}
.play ol li{float:left;margin-right:3px;display:inline;cursor:pointer;background-color:rgba(0,0,0,0.5);padding:5px 9px;color:#fff;font-family:arial;font-size:12px;border-radius:100px;}
.play ol li.active{font-weight:bold;color:#ffffff;background-color:rgba(0,0,0,1);position:relative;}
.play ul{position:absolute;top:0;left:0;z-index:1;}
.play ul li{width:850px;height:792px;float:left;}
.play ul img{float:left;width:850px;height:792px;}
#next{display:block;position:absolute;top:38%;right:0;width:30px;height:54px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);z-index:999;line-height:50px;text-decoration:none;}
#prev{display:block;position:absolute;top:38%;left:0;width:30px;height:54px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);z-index:999;line-height:50px;text-decoration:none;}
#prev:hover .prevImg,#next:hover .nextImg{display:block;}
.prevImg{height:54px;width:80px;position:absolute;background-color:#fff;top:0;left:30px;display:none;}
.nextImg{height:54px;width:80px;position:absolute;background-color:#fff;top:0;right:30px;display:none;}


.about_info1{width:100%; float:left; font-size:14px; background:#fff; padding-bottom:20px;}
.about_info1 p{line-height:20px; padding:5px 20px 0 45px;}

.about_info2{width:100%; float:left; padding-top:10px; font-size:14px; background:#fff; padding-bottom:20px;}
.about_info2 p{line-height:24px; padding:4px 20px 0px 50px;}
.about_info2 .img2{ float:right; padding:30px 50px 0 0;}


.liucheng{width:860px; float:left; padding-left:16px; margin:15px 0 30px;}
.liucheng_img{width:202px; height:109px; float:left; padding:0 10px 0px 0;}
.liucheng_img img{ border:1px #398902 solid; padding:1px;}
.liucheng_info{width:640px; float:right;}
.liucheng_info h1{width:100%; float:left; line-height:3apx; border-bottom:1px #08c dotted; font-size:16px; font-weight:bold; padding-bottom:5px; margin-bottom:5px;}
.liucheng_info p{line-height:24px; font-size:12px; padding:0;}
.liucheng_info .more{width:90px; float:left; text-align:center; height:24px; line-height:24px; background:#398902; color:#fff; text-transform:capitalize; font-size:12px; margin:6px 0 0;}
.liucheng_info .more a{ color:#fff; display:block;}
.liucheng_info .more a:hover{ color:#fff; background:#1579e9;}

/*浼佷笟鏂伴椈*/
#news { width:100%; float:left; }
#news span { font-size:11px; float:right; line-height:40px; font-family:Arial; text-align:left; padding-right:5px;}
#news ul li{ width:98%; float:left; height:40px; line-height:40px; text-align:left; border-bottom:1px dotted #ccc; margin-left:15px;}
#news em{ color:#ccc; padding:0 5px 0 5px;}

#biao { width:99%; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#f00;}
#news_view_biao { width:98%; border-bottom:1px dotted #ccc; height:25px;}
#news_view_biao h3 { width:260px; float:left; line-height:24px; text-align:left; font-size:12px;}
#news_view_biao h4 { width:240px; float:right; line-height:24px; text-align:right; padding-right:25px; font-size: 12px;}
#news_view_zi { padding-left:10px;}
#zhengwen {width:100%; text-align:left; padding-top:10px;}
#zhengwen p { line-height:24px; padding:5px 0px;}

#mianview{float:left; width:100%; padding-top:15px;}
#mianview span div{width:100%; float:left; text-align:center;}
#product_list{width:100%; float:left; }
#product_list span{float:left; width:33.3%;}
#product_list span div{width:100%; float:left; padding-bottom:8px; text-align:center;}
#product_list img{width:200px; height:150px; margin-bottom:5px; border:1px #efefef solid; padding:20px;}
#product_list span h1{width:100%; text-align:center; line-height:28px; font-size:14px; float:left; }
#page{text-align:center; width:100%; clear:both; line-height:26px; padding:10px 0;}
.sbk{border-top-width:1px; border-top-style:solid; border-top-color:#914b07; }
.hong{color:#f00; font-size:12px; }

#biao1{width:95%; height:24px; line-height:34px; font-size:14px; font-weight:bold; }
#productview{width:100%; float:left; text-align:center;}
#productview h1{width:100%; font-size:18px; line-height:30px; padding-bottom:10px; font-weight:bold; /*padding-left:20px;*/ text-align:center;}
#productview img{text-align:center; border:1px #fff solid;max-width:90%;}
#productview div{padding-bottom:5px; }


.content table{font-size:13px; line-height:24px;/* margin-left:46px;*/ margin:0 auto;}

.name{font-size:20px !important; font-weight:bold; line-height:40px; color:#000;}
#hit2{text-align:center; }
.productview1{width:100%; float:left;}
.productview1 p{ line-height:24px; font-size:14px; padding:5px 15px;}

/*鍦ㄧ嚎鐣欒█*/
#order { width:100%; float:left;}
#order1{width:100%; float:left; text-align:left; padding-bottom:15px; }
#order1 p{ padding-left:38px;}
#lianxi{width:880px; float:left; line-height:35px; font-size:16px; font-weight:bold; padding-left:38px;}
#order1 h2 { width:750px; text-align:left; line-height:26px; padding-left:20px; float:left; }
.anniu{width:80px; height:28px; line-height:28px; float:left; background:#ccc; color:#000; text-align:center; margin-right:20px; border:0; cursor:pointer;}

.about_info2 .img2 img,
.erweima_lin img{
    width:80%;
    margin-left:20%;
}
.erweima_lin{
    position: absolute;
    top: 43%;
    right: 5%;
}

/*鍒嗛〉鏍峰紡淇敼*/
.pager{display: flex;align-items: center;}
.pager li{margin:0 4px;}
#page{display: flex;align-items: center;justify-content: center;}